<div class="post">
    <div class="panel panel-default clearfix">
        <div class="panel-body">
            <div class="post-header">
                <h5 class="text-muted">
                    <i class="fa fa-bookmark"></i> {{post.date|date:'yyyy-MM-dd'}}
                    <span ng-repeat="category in post.categories">
                        &raquo; <a ng-href="#/category/{{category}}">{{category}}</a>
                    </span>
                </h5>
                <h2 class="post-title">
                    <a ng-href="#/{{post.id}}" ng-if="archive">{{post.title}}</a>
                    <span ng-if="!archive">{{post.title}}</span>
                </h2>
            </div>
            <div class="post-content" post="post"></div>
            <div ng-if="post.more">
                <a class="post-more label label-default" ng-href="#/{{post.id}}#more">
                    阅读更多 <i class="fa fa-chevron-circle-right"></i>
                </a>
            </div>
        </div>
        <div class="panel-footer">
            <a class="post-tag label label-info" ng-repeat="tag in post.tags" ng-href="#/tag/{{tag}}">
                <i class="fa fa-tag"></i> {{tag}}
            </a>
        </div>
    </div>
    <ul class="post-pager pager" ng-if="!archive">
        <li class="previous" ng-if="post.index > 0">
            <a ng-href="#/{{all[post.index-1].id}}">&larr; {{all[post.index-1].title}}</a>
        </li>
        <li class="next" ng-if="post.index < all.length">
            <a ng-href="#/{{all[post.index+1].id}}">{{all[post.index+1].title}} &rarr;</a>
        </li>
    </ul>
</div>